<!doctype html>
<html>

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <title></title>
  <style>
    html,
    body {
      width: 100%;
      height: 100%;
      overflow: hidden;
      background-color: #072966;
    }
    #resetSpecialOption.ant-select-item.ant-select-item-option-active:not(.ant-select-item-option-disabled){
      background-color: rgba(0,30,76,1)!important;
      color: #FDFF00!important;
    }
    #resetSpecialOption.ant-select-item.ant-select-item-option-selected{
      background-color: rgba(0,30,76,1)!important;
      color: #FDFF00!important;
    }
    .resetSpecialSelect .ant-select-selection-item{
      color: #FDFF00!important;
    }
    .resetSpecialSelect .ant-select-selection-placeholder{
      color: #fff!important;
    }
    .react-pdf__Page__canvas{
      margin: 0 auto;
    }
    .ant-table{
      background: transparent!important;
    }
    .ant-table-row:hover .ant-table-cell{
      background: none!important;
    }
    .ant-table-thead > tr > th{
      background: none!important;
      color: #0ff!important;
      line-height: 60px!important;
      font-size: 22px!important;
    }
    .ant-table-tbody > tr > td{
      border-bottom: 1px solid rgba(58,130,202,.7)!important;
    }
    .ant-table-thead > tr > th{
      border-bottom: 3px solid rgba(58,130,202,.7)!important;
    }
    .ant-pagination li.ant-pagination-item-active{
      background: rgba(0,84,170,0.00)!important;
      border: 1px solid #00B9C5!important;
      box-shadow: inset 0 0 20px 0 rgba(81,182,255,0.33)!important;
      color: #fff!important;
    }
    .ant-pagination li{
      background: none!important;
      box-shadow: none!important;
      border: 1px solid transparent!important;
    }
    .ant-pagination li a,.ant-pagination li button{
      color: #fff!important;
    }
    .ant-input{
      background-color: transparent!important;
      height: 100%;
      color: #fff!important;
      font-size: 20px!important;
    }
    .ant-input-group-addon{
      background-color: transparent!important;
    }
    .ant-btn.ant-btn-icon-only.ant-input-search-button{
      background-color: none!important;
      background-image: linear-gradient(0deg,#0e1cb7,#1477c0);
      border: 1px solid #00e9ff!important;
      box-shadow: inset 0 0 10px 0 rgb(138 ,206 ,255 ,.5)!important;
      outline: none;
    }
    .ant-picker .ant-picker-input,
    .ant-picker .ant-picker-input input {
      font-size: 14px !important;
    }
    .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner{
      background: #1890ff!important;
    }
    .ant-picker-range-arrow::after {
      border-color: #00b9c5 #00b9c5 transparent transparent !important;
    }

    .ant-picker-panel-container {
      border: 1px solid #00b9c5 !important;
      background-color: #07386c !important;
      box-shadow: inset 0 0 20px rgba(81, 182, 255, 0.33) !important;
    }

    .ant-picker-dropdown * {
      color: #00e3f1 !important;
    }

    .ant-picker-header {
      border-color: #00b9c5 !important;
    }

    .ant-picker-panel {
      border: none !important;
    }

    .ant-picker-cell-disabled::before {
      background: transparent !important;
    }

    .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
      background: rgba(255, 255, 255, 0.2) !important;
    }

    .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
      background: rgba(255, 255, 255, 0.2) !important;
    }

    .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
      background: rgba(255, 255, 255, 0.2) !important;
    }
    /* select */
    .ant-select-selector,
    .ant-select-dropdown {
      background-color: #07386c !important;
      font-size: 18px !important;
      font-weight: 400 !important;
      color: #00e3f1 !important;
      border: 1px solid #00b9c5 !important;
      box-shadow: inset 0 0 20px rgba(81, 182, 255, 0.33) !important;
    }

    .ant-select-selector {
      height: 100% !important;
    }

    .ant-select-selection-search-input,
    .ant-select-selection-item,
    .ant-select-selection-placeholder {
      height: 100% !important;
      display: flex;
      align-items: center;
    }

    .ant-select-arrow,
    .ant-select-item {
      color: #00e3f1 !important;
    }

    .ant-select-item-option-selected:not(.ant-select-item-option-disabled),
    .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
      background-color: transparent !important;
      color: #FFFFFF !important;
    }
    .ant-select{
      /* width: 144px!important; */
      height: 29px!important;
      line-height: 29px!important;
    }
    .ant-select .ant-select-selector{
      background-color: #07386c !important;
    }
    .ant-select-arrow, .ant-select-item{
      color: #00e3f1 !important;
    }
    .ant-select-single.ant-select-open .ant-select-selection-item {
      color: #00e3f1 !important;
    }
    /* button */
    .ant-btn {
      box-shadow: inset 0px 0px 13px 0px rgba(81, 182, 255, 0.33) !important;
      background: transparent !important;
      border: 1px solid #00b9c5 !important;
      font-weight: 400 !important;
      color: #fff !important;
    }

    .ant-btn-primary {
      background: linear-gradient(360deg, rgba(14, 28, 183, 0.53) 0%, rgba(20, 119, 192, 0.53) 100%) !important;
      box-shadow: inset 0px 0px 13px 0px rgba(81, 182, 255, 0.33) !important;
      border: 1px solid #00E9FF !important;
    }

    #resetLoginInput .ant-input-suffix span{
      color: #fff!important;
      font-size: 20px;
    }
  </style>
</head>

<body style="display: flex;justify-content: center;align-items: center;">
  <div id="root" style="width:1920px;height:1080px;"></div>
  <script>
    var setAppScale = function () {
      var app = document.getElementById('root');
      var rate = 1920 / 1080;
      var width = (document.body.clientWidth * 1.0);
      var height = (document.body.clientHeight * 1.0);
      if (width / height > rate) {
        app.style.transform = 'scale(' + (height / 1080) + ')';
      } else {
        app.style.transform = 'scale(' + (width / 1920) + ')';
      }
    };
    setAppScale();
    window.addEventListener(
      'resize', function () {
        setAppScale();
      },
    );
  </script>
</body>

</html>